<!DOCTYPE html>
<!--主页面-->
<html lang="en">

<head>
    <script async="" src="https://ssl.google-analytics.com/ga.js"></script>
    <title>在线日记-首页</title>
    <meta name="description" content="长大在线PS-夏颖梅 PHP-邓良聪 Web-周南杰小组作品">
    <meta name="keywords" content="长大在线 物流 WPP小组作品">
    <meta name="author" content="NeoJo">
    <meta http-equiv="content-type" content="text/html" charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="Bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
    <link href="https://cdn.bootcss.com/weather-icons/2.0.10/css/weather-icons.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="css/select2.min.css">
    <link rel="stylesheet" type="text/css" href="css/chartist.min.css">
    <link rel="stylesheet" type="text/css" href="css/app.min.css">
    <link rel="stylesheet" media="screen" href="css/style.css">
    <style>
        .control-label {
            font-weight: bold;
            float: left;
            width: 70px;
        }
    </style>
</head>

<body>
    <div id="header">
        <h1 class="logo">
            <a href="#" title="收敛侧栏" class="js-nav-toggler">
                <i class="zmdi zmdi-close"></i>
            </a>
            <a href="/index.html" class="hidden-xs">
                <img src="img/logo.png" title="在线日记">
            </a>
            <span class="hidden-xs">
                <img src="img/word.png" title="记录在线从这里开始">
            </span>
        </h1>
        <div class="pageContent">
            <div class="container">
                <ul class="topNavigation">
                    <li>
                        <a href="/index.html" title="用户中心">
                            <i class="zmdi zmdi-account-circle zmdi-hc-fw icon"></i>
                        </a>
                    </li>
                    <li>
                        <a href="/write.html" title="写日记">
                            <i class="zmdi zmdi-edit zmdi-hc-fw icon"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="建议">
                            <i class="zmdi zmdi-bug zmdi-hc-fw icon"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="关于">
                            <i class="zmdi zmdi-info zmdi-hc-fw icon"></i>
                        </a>
                    </li>
                    <li>
                        <a href="/login.html" title="退出">
                            <i class="zmdi zmdi-run zmdi-hc-fw icon"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <aside class="aside">
        <div class="asideUserProfile">
            <a href="#链接首页#" title="username" class="c">
                <img src="img/add_img.jpg" class="img-responsive">
            </a>
            <span class="name hidden-xs hidden-sm">
                <a href="#链接修改头像页#" title="修改头像">
                    <i class="zmdi zmdi-camera"></i>
                </a>
            </span>
        </div>
        <nav class="simpleList asideNavigation">
            <ul>
                <li class="active">
                    <a href="#链接首页#" title="用户中心">
                        <i class="zmdi zmdi-apps zmdi-hc-fw icon"></i>
                        <span class="hidden-xs hidden-sm">用户中心</span>
                    </a>
                </li>
                <li class="sub">
                    <div onclick="myrelease1();">
                        <i class="zmdi zmdi-book zmdi-hc-fw icon"></i>
                        <span class="hidden-xs hidden-sm">我的日记本
                            <i class="zmdi zmdi-plus plus"></i>
                        </span>
                    </div>
                    <ul id="js-submenu1" style="display:none;">
                        <li>
                            <a href="/write.html" title="#">记录日记</a>
                        </li>
                        <li>
                            <a href="/list.html" title="#">所有日记</a>
                        </li>
                        <!--<li>
                            <a href="#日记标签#" title="#">日记标签</a>
                        </li>-->
                    </ul>
                </li>
                <li class="sub">
                    <div onclick="myrelease2();">
                        <i class="zmdi zmdi-account zmdi-hc-fw icon"></i>
                        <span class="hidden-xs hidden-sm">我的资料<i class="zmdi zmdi-plus plus"></i></span>
                    </div>
                    <ul id="js-submenu2" style="display:none;">
                        <li>
                            <a href="replace.html" title="#">我的头像</a>
                        </li>
                        <li>
                            <a href="/edit.html" title="#">个人资料</a>
                        </li>
                    </ul>
                </li>
                <li class="sub">
                    <div onclick="myrelease3();">
                        <i class="zmdi zmdi-shield-security zmdi-hc-fw icon"></i>
                        <span class="hidden-xs hidden-sm">安全设置<i class="zmdi zmdi-plus plus"></i></span>
                    </div>
                    <ul id="js-submenu3" style="display:none;">
                        <li>
                            <a href="/password.html" title="#">修改密码</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="/login.html" title="注销">
                        <i class="zmdi zmdi-run zmdi-hc-fw icon"></i>
                        <span class="hidden-xs hidden-sm">退出登录</span>
                    </a>
                </li>
            </ul>
        </nav>
    </aside>
    <div class="pageWrap">
        <div class="pageContent diaryIndex extended">
            <div class="container">
                <div class="boxHeader pageBoxHeader clearfix">
                    <div class="btn-group pull-right boxHeaderOptions">
                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="zmdi zmdi-more-vert"></i>
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="/index.html" title="刷新"><i class="zmdi zmdi-refresh-alt zmdi-hc-fw"></i> 刷新</a></li>
                            <li><a href="/edit.html" title="修改资料"><i class="zmdi zmdi-settings zmdi-hc-fw"></i> 修改资料</a></li>
                        </ul>
                    </div>
                </div>
                <!--大分块-->
                <div class="row">
                    <div class="col-xs-12 col-md-6">
                        <div class="box box-without-padding">
                            <div class="clearfix boxHeader">
                                <h2 class="boxTitle pull-left">日记概览 <a title="写日记" href="/write.html"><i class="zmdi zmdi-plus-square"></i></a> </h2>
                                <div class="btn-group pull-right boxHeaderOptions">
                                    <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="zmdi zmdi-more-vert"></i>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="/write.html" title="写日记"><i class="zmdi zmdi-plus-square zmdi-hc-fw"></i> 写日记</a></li>
                                        <li><a href="/list.html" title="所有日记"><i class="zmdi zmdi-time-restore zmdi-hc-fw"></i> 所有日记</a></li>
                                        <!--<li><a href="/user/diary/tags" title="日记标签"><i class="zmdi zmdi-chart zmdi-hc-fw"></i> 日记标签</a></li>-->
                                    </ul>
                                </div>
                            </div>
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active">
                                    <a href="##tab-item-1" aria-controls="tab-item-1" role="tab" data-toggle="tab" aria-expanded="true">上一篇日记</a>
                                </li>
                                <li role="presentation">
                                    <a href="##tab-item-2" aria-controls="tab-item-2" role="tab" data-toggle="tab" aria-expanded="false">最近的日记</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <!-- Countries -->
                                <div role="tabpanel" class="tab-pane fade active in" id="tab-item-1">
                                    <!-- <div id="donut-chart"></div> -->
                                    <div class="lasted_diary_content">
                                        <h3>
                                            <a href="/user/diary/read"></a>
                                        </h3>
                                        <div class="well">您还没有写日记！</div>
                                        <a href="/write.html" class="btn btn-block bg-blue">开始写日记</a>
                                    </div>
                                </div>
                                <!--最近日记列表-->
                                <div role="tabpanel" class="tab-pane fade" id="tab-item-2">
                                    <div class="lasted_diary">
                                        <ul class="list-group ">
                                        </ul>
                                    </div>
                                </div>
                                <!--end-->
                            </div>
                        </div>
                    </div>
                    <div class="statsBar">
                        <div class="row1">
                            <div class="col-xs-12 col-md-4-1 i yellow col-add1">
                                <a href="/list.html" title="#" class="c">
                                    <h3 class="title">共记录字符</h3>
                                    <div class="num">0<span>个</span></div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--小分块-->
                <div class="statsBar">
                    <div class="row">
                        <div class="col-xs-12 col-md-4-2 i pink">
                            <a href="/list.html" title="#" class="c">
                                <h3 class="title">共使用时间</h3>
                                <div class="num">0<span>秒</span></div>
                            </a>
                        </div>

                        <div class="col-xs-12 col-md-4-3 i green">
                            <a href="/list.html" title="#" class="c">
                                <h3 class="title">共记录日记</h3>
                                <div class="num">0<span>篇</span></div>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
            <div class="calender-box hidden-sm hidden-xs">

            </div>
            <div class="weather-box hidden-sm hidden-xs">
                <div class="clearfix boxHeader">
                    <h2 class="boxTitle pull-left">今日天气 - <span class="city">Wuhan/CN</span></h2>
                </div>
                <div class="row  weather">
                    <div class="col-xs-12 col-md-5">
                        <p class="w_icon"><i class="wi wi-owm-night-804"></i></p>
                        <p class="w_status">阴，多云</p>
                    </div>
                    <div class="col-xs-12 col-md-7 intro">
                        <p>温度：<span class="temp">3.5</span> ℃</p>
                        <p>湿度：<span class="humidity">100</span>%</p>
                        <p>风力：<span class="wind">北风2级</span></p>
                    </div>
                    <button title="天气更新时间" id="update_time" class="btn bg-gray btn-xs">2016/11/24 21:29:40</button>
                </div>
            </div>
        </div>
    </div>

    <!--add-->
    <!--JavaScript-->
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="Bootstrap/css/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/select2.min.js"></script>
    <script type="text/javascript" src="js/parsley.min.js"></script>
    <script type="text/javascript" src="js/throttle-debounce.min.js"></script>
    <script type="text/javascript" src="js/jquery.shuffle.min.js"></script>
    <script type="text/javascript" src="js/autosize.min.js"></script>
    <script type="text/javascript" src="js/raphael-min.js"></script>
    <script type="text/javascript" src="js/morris.min.js"></script>
    <script type="text/javascript" src="js/Chart.min.js"></script>
    <script type="text/javascript" src="js/chartist.min.js"></script>
    <script type="text/javascript" src="js/app.min.js"></script>
    <script>
        function myrelease1() {
            var div = document.getElementById("js-submenu1");
            if (div.style.display == "block") {
                div.style.display = "none";
            } else if (div.style.display == "none") {
                div.style.display = "block";
            }
        }

        function myrelease2() {
            var div = document.getElementById("js-submenu2");
            if (div.style.display == "block") {
                div.style.display = "none";
            } else if (div.style.display == "none") {
                div.style.display = "block";
            }
        }

        function myrelease3() {
            var div = document.getElementById("js-submenu3");
            if (div.style.display == "block") {
                div.style.display = "none";
            } else if (div.style.display == "none") {
                div.style.display = "block";
            }
        }
    </script>
</body>

</html>